<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link data-n-head="ssr" data-hid="icon" rel="icon" type="image/x-icon"
    href="https://cdn-front.qimao.com/global/static/images/favicon2022.ico">
    <link rel="stylesheet" href="./css/荣誉徽章馆.css">
    <link rel="stylesheet" href="./font2/iconfont.css">
    <title>七猫作者荣誉徽章馆-七猫中文网</title>
</head>

<body>
    <div class="levitation0">
        <div class="levitation">
            <div class="levitation-left">
                <img src="./img2/n-logo.png" alt="">
                <div class="levitation-left1">
                    <p>首页</p>
                    <p>分类</p>
                    <p>排行榜</p>
                    <p>征文活动</p>
                    <p>作家专区</p>
                    <p>签约政策</p>
                </div>
            </div>
            <div class="levitation-right">
                <div class="levitation-right-input">
                    <input class="levitation-right-input1" type="text" placeholder="请输入书名/分类/作者">
                    <p>搜索</p>
                </div>
                <div class="login">
                    <i class="login-i1"></i>
                    <i class="login-i2"></i>
                    <p class="login-p">立即登录</p>
                </div>
            </div>
        </div>
    </div>
    <div class="levitation1" onclick="scrollToTop">
        <div class="levitation" onclick="scrollToTop">
            <div class="levitation-left">
                <img src="./img2/n-logo.png" alt="">
                <div class="levitation-left1">
                    <a href="index.html" target="_blank">首页</a>
                    <a href="分类.html" target="_blank">分类</a>
                    <a href="Ranking-list.html" target="_blank">排行榜</a>
                    <a href="Essay-contest.html" target="_blank">征文活动</a>
                    <a href="ForWriters-index.html" target="_blank">作家专区</a>
                    <a href="agency.html" target="_blank">签约政策</a>
                </div>
            </div>
            <div class="levitation-right">
                <div class="levitation-right-input">
                    <input class="levitation-right-input1" type="text" placeholder="请输入书名/分类/作者">
                    <p>搜索</p>
                </div>
                <div class="login">
                    <i class="login-i1"></i>
                    <i class="login-i2"></i>
                    <p class="login-p">立即登录</p>
                </div>
            </div>
        </div>
    </div>
    <div class="qm-imge">
        <img src="./img2/honor_badge_banner.4c453f0.png" alt="">
    </div>
    <div class="honor-content">
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/day_1.png" alt="">
                <span>持之以恒</span>
                <span>累计创作100天</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/day_2.png" alt="">
                <span>锲而不舍</span>
                <span>累计创作365天</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/day_3.png" alt="">
                <span>百折不挠</span>
                <span>累计创作500天</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/day_4.png" alt="">
                <span>滴水穿石</span>
                <span>累计创作1000天</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/day_5.png" alt="">
                <span>精诚所至</span>
                <span>累计创作2000天</span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/word_1.png" alt="">
                <span>文思泉涌</span>
                <span>累计创作20万字</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/word_2.png" alt="">
                <span>妙笔生花</span>
                <span>累计创作80万字</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/word_3.png" alt="">
                <span>下笔成章</span>
                <span>累计创作200万字</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/word_4.png" alt="">
                <span>学富五车</span>
                <span>累计创作500万字</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/word_5.png" alt="">
                <span>锦心绣口</span>
                <span>累计创作1000万字</span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/comment_1.png" alt="">
                <span>高谈阔论</span>
                <span>累计200个好评</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/comment_2.png" alt="">
                <span>谈笑风生</span>
                <span>累计1000个好评</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/comment_3.png" alt="">
                <span>滔滔不绝</span>
                <span>累计8000个好评</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/comment_4.png" alt="">
                <span>扣人心弦</span>
                <span>累计10万个好评</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/comment_5.png" alt="">
                <span>引人入胜</span>
                <span>累计100万个好评</span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/reward_1.png" alt="">
                <span>招财进宝</span>
                <span>累计1000打赏值</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/reward_2.png" alt="">
                <span>红红火火</span>
                <span>累计10万打赏值</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/reward_3.png" alt="">
                <span>金玉满堂</span>
                <span>累计100万打赏值</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/reward_4.png" alt="">
                <span>财运亨通</span>
                <span>累计1000万打赏值</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/reward_5.png" alt="">
                <span>腰缠万贯</span>
                <span>累计10亿打赏值</span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/rank_1.png" alt="">
                <span>进士</span>
                <span>必读榜第4~50名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/rank_2.png" alt="">
                <span>探花</span>
                <span>必读榜第3名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/rank_3.png" alt="">
                <span>榜眼</span>
                <span>必读榜第2名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/rank_4.png" alt="">
                <span>状元</span>
                <span>必读榜第1名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/rank_year.png" alt="">
                <span>年度必读榜</span>
                <span></span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/top_4.png" alt="">
                <span>进士</span>
                <span>风云榜第4~50名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/top_3.png" alt="">
                <span>探花</span>
                <span>风云榜第3名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/top_2.png" alt="">
                <span>榜眼</span>
                <span>风云榜第2名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/top_1.png" alt="">
                <span>状元</span>
                <span>风云榜第1名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/leap_4.png" alt="">
                <span>进士</span>
                <span>飞跃榜第4~50名</span>
            </li>
        </ul>
        <div class="br"></div>
        <ul class="txt">
            <li class="txt-l1">
                <img src="./img2/leap_3.png" alt="">
                <span>探花</span>
                <span>飞跃榜第3名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/leap_2.png" alt="">
                <span>榜眼</span>
                <span>飞跃榜第2名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/leap_1.png" alt="">
                <span>状元</span>
                <span>飞跃榜第1名</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/logo_graduate.png" alt="">
                <span>毕业生</span>
                <span>新人训练营</span>
            </li>
            <li class="txt-l2"></li>
            <li class="txt-l1">
                <img src="./img2/logo_excellent.png" alt="">
                <span>优秀毕业生</span>
                <span>新人训练营</span>
            </li>
        </ul>
    </div>














    <div class="bottom0">
        <div class="bottom">
            <ul class="bottom-lists2">
                <li>
                    <p>关于七猫</p>
                    <i>|</i>
                </li>
                <li>
                    <p>联系我们</p>
                    <i>|</i>
                </li>
                <li>
                    <p>我要举报</p>
                    <i>|</i>
                </li>
                <li>
                    <p>举报工作室</p>
                    <i>|</i>
                </li>
                <li>
                    <p>用户协议</p>
                    <i>|</i>
                </li>
                <li>
                    <p>隐私协议</p>
                    <i>|</i>
                </li>
                <li>
                    <p>版权声明</p>
                    <i>|</i>
                </li>
                <li>
                    <p>作品登载规则</p>
                    <i>|</i>
                </li>
                <li>
                    <p>我要当作家</p>
                </li>
            </ul>
            <ul class="bottom-lists3">
                <li>客服电话：400-855-9290</li>
                <li>工作时间：周一至周五9:00-18:00</li>
            </ul>
            <p class="bottom-intro">
                上海七猫文化传媒有限公司&nbsp;&nbsp;&nbsp;©&nbsp;2017&nbsp;www.qimao.com&nbsp;All&nbsp;rights&nbsp;reserved&nbsp;&nbsp;&nbsp;
                <a href="">沪ICP备17012825号-6</a>
                &nbsp;沪公网安备&nbsp;31011502010023号
                <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/business_license_pic.jpg"
                    alt=""><br>
                出版物经营许可证&nbsp;新出发沪批字第Y7129号&nbsp;&nbsp;沪网文&nbsp;[2023]&nbsp;1509-106号&nbsp;&nbsp;沪ICP证：沪B2-20190085
            </p>
            <div class="bottom-lists4">
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic1.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic2.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic3.png"
                        alt="">
                </a>
                <a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200313/images/footer/company_pic4_2021.png"
                        alt="">
                </a><a href="">
                    <img src="https://cdn.qimao.com/bookimg/zww/frontendstatic/20200105/images/footer/company_pic6.png"
                        alt="">
                </a>
            </div>
        </div>
    </div>
    <ul class="stand">
        <li class="stand-list back-pic">作家<br>助手
            <div class="stand-list-pic">
                <img src="./img2/code1.png" alt="">
            </div>
            <i class="iii"></i>
        </li>
        <li class="stand-list">免费<br>小说</li>
        <li class="stand-list">联系<br>遍及</li>
        <li class="stand-lists">
            <i class="iconfont icon-gongzhonghao"></i>公众号
            <div class="stand-lists-code">
                <p>七猫中文网公众号</p>
                <img src="./img2/code2.png" alt="">
                <p>微信扫一扫关注</p>
                <i class="iiii"></i>
            </div>
        </li>
    </ul>
    <div class="top-all">
        <p class="top-top"><button onclick="scrollToTop()"><i class="iconfont icon-tubiao_fanhuidingbu"></i>顶部</button>
        </p>
    </div>
</body>

<script>
    function scrollToTop() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
    }
    window.addEventListener('scroll', function () {
        const text = document.querySelector('.top-top');
        const scrollPosition = window.scrollY; // 获取当前滚动位置  

        if (scrollPosition > 100) { // 当滚动超过100px时  
            text.style.opacity = 1; // 显示文本  
        } else {
            text.style.opacity = 0; // 隐藏文本  
        }
    });

    window.addEventListener('scroll', function () {
        const text = document.querySelector('.levitation1');
        const scrollPosition = window.scrollY;//获取当前滚动位置
        if (scrollPosition >= 200) {//当前滚动超过450px时
            text.style.opacity = 1;//显示文本
        } else {
            text.style.opacity = 0;//隐藏文本
        }
    });
</script>

</html>